<!--
 * @Author: huangximian huangximian@e-ling.com.cn
 * @Date: 2022-05-23 09:04:26
 * @LastEditors: huangximian huangximian@e-ling.com.cn
 * @LastEditTime: 2022-06-06 09:20:33
 * @FilePath: \jcyy-official-website\src\views\computerSide\compents\Footer\index.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
  <div class="Bottom-navigation">
    <div class="Bottom_uilist">
      <div>
        <p class="href_a"><a href="/">首页</a></p>
      </div>
      <div>
        <p class="href_a"><a href="/brandintroduction?type=1">关于槿椿</a></p>
        <ul>
          <li><a href="/brandintroduction?type=1">品牌介绍</a></li>
          <li><a href="/brandintroduction?type=2">文化理论</a></li>
          <li><a href="/brandintroduction?type=3">发展历程</a></li>
          <li><a href="/brandintroduction?type=4">企业荣誉</a></li>
          <li><a href="/brandintroduction?type=5">合作伙伴</a></li>
        </ul>
      </div>
      <div>
        <p class="href_a"><a href="/rndustrialLayout?type=1">产业布局</a></p>
        <ul>
          <li><a href="/rndustrialLayout?type=1">槿椿颐养中心</a></li>
          <li><a href="/rndustrialLayout?type=2">槿椿·泺园</a></li>
        </ul>
      </div>
      <div>
        <p class="href_a"><a href="/hibiscusAltissima?type=1">槿椿特色</a></p>
        <ul>
          <li><a href="/hibiscusAltissima?type=1">医养体系</a></li>
          <li><a href="/hibiscusAltissima?type=2">智养体系</a></li>
          <li><a href="/hibiscusAltissima?type=3">康养体系</a></li>
          <li><a href="/hibiscusAltissima?type=4">教养体系</a></li>
          <li><a href="/hibiscusAltissima?type=5">旅养体系</a></li>
          <li><a href="/hibiscusAltissima?type=6">乐养体系</a></li>
        </ul>
      </div>
      <div>
        <p class="href_a"><a href="/jinchun?type=1">槿椿资讯</a></p>
        <ul>
          <li><a href="/jinchun?type=1">最新资讯</a></li>
          <li><a href="/jinchun?type=2">行业动态</a></li>
          <li><a href="/jinchun?type=3">视频槿椿</a></li>
          <li><a href="/jinchun?type=4">长者风采</a></li>
        </ul>
      </div>
      <div>
        <p class="href_a"><a href="/contactUstab?type=1">联系我们</a></p>
        <ul>
          <li><a href="/contactUstab?type=1">入住体验</a></li>
          <li><a href="/contactUstab?type=2">志愿服务</a></li>
          <li><a href="/contactUstab?type=3">合作招商</a></li>
          <li><a href="/contactUstab?type=4">参观学习</a></li>
        </ul>
      </div>
      <div>
        <p>关注我们</p>
        <ul>
          <li>公众号</li>
          <li>
            <img src="../../../../assets/images/qrCode.png" alt="" />
          </li>
        </ul>
      </div>
    </div>
    <hr />
    <p>
      深圳市壹零后有限公司 版权所有 © ****-2022 | 粤公网安备 44************号
    </p>
  </div>
</template>
<script>
export default {};
</script>
<style scoped>
hr {
  width: 100%;
  height: 1px;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 0px 0px 0px 0px;
  opacity: 1;
  margin-top: 4.8rem;
}
:hover {
  cursor: pointer;
}
a:hover {
  color: #34d9b8;
  text-decoration: none;
}
.Bottom-navigation {
  padding: 0px 36rem 0px 36rem;
  /* width: 100%; */
  height: 44.8rem;
  color: #fff;
  background: rgba(0, 0, 0, 0.85);
}
.Bottom-navigation p {
  margin-top: 4.8rem;
  font-size: 1.2rem;
  font-family: Microsoft YaHei-Regular, Microsoft YaHei;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.45);
}
.Bottom_uilist {
  display: flex;
  justify-content: space-between;
  /* padding-top: 4.8rem; */
}
.Bottom_uilist div {
  width: 12.8rem;
}
.Bottom_uilist ul {
  font-size: 1.4rem;
  font-family: Microsoft YaHei-Regular, Microsoft YaHei;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.65);
  /* line-height: 22px; */
  line-height: 3.4rem;
}
.Bottom_uilist ul li img {
  width: 11.2rem;
  height: 11.2rem;
}
.Bottom_uilist p {
  margin-bottom: 2.4rem;
  font-size: 1.6rem;
  font-family: Microsoft YaHei-Regular, Microsoft YaHei;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.85);
  line-height: 2.2rem;
}
.href_a a{
  color: rgba(255, 255, 255, 0.85);
}
</style>